<?php 
get_header();
?>
<div id="container">
	<div class="bg_banner">
        <div class="wrapper"> 
            <div class="grid24" style="margin-top:20px;"> 	
                <div class="reservation">      	
                    <h4>Cruise deals of the day</h4>
                    <form class="frm_reservation">
                        <div><label>Cruise Name:</label></div>
                        <div><select name=""></select></div>  
                        <div><label>Departure Date:</label></div>
                        <div><input type="text" id="check-in" name="checkin"></div>
                        <div><label>Tour Package:</label></div>
                        <div><select name=""></select></div> 
                        <div><label>Cabin:</label></div>
                        <div><select name=""></select></div>
                        <div><img src="<?php echo FOLDER_IMG; ?>/icon_check.png" alt="guarantee price">48 cruises, best price guarantee</div>   
                        <div style="margin-top:14px;"><input type="submit" class="btn_res" value="Check now" name="booking"></div>   
                    </form>
                </div>  <!-- reservation -->
                
                <div class="grid18" style="margin-left:10px;">
                	<img src="<?php echo FOLDER_IMG; ?>/banner.png" alt="banner">
                </div>
                                   
            </div><!-- grid 24 -->    
        </div><!-- wrapper -->
    </div><!-- bg banner -->
    
    <div class="wrapper">
    	<div class="grid24" style="margin-top:20px;">
        	<?php get_sidebar(); ?>
            <div class="grid18"><!-- content -->
            	<article class="welcome">
                	<h2>Travel to Vietnam with tour and holiday packages of TNK Travel</h2>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus metus lectus, semper eget dictum nec, pretium non nisi. Nulla elit ante, tincidunt id augue sit amet, luctus malesuada diam. Suspendisse et luctus metus, at lacinia tortor. Sed adipiscing elit et bibendum porttitor. Nullam lobortis mauris purus, id rhoncus ante bibendum ut. Morbi tempor, tortor a ornare volutpat, ligula est vestibulum lorem, scelerisque sodales ipsum lorem vitae orci. Sed a neque sollicitudin, ultrices felis quis, porttitor arcu. Curabitur ac quam puru
                    <div class="readmore">
                    	<a href="#">Read more</a>
                    </div>   
                </article>
                <div class="clear"></div>
                
                <section class="grid18">
                	<h2>RECOMMEND TOURS</h2>
                    <article class="recommend">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <div class="grid12">
                        	<h3><a href="#">Hanoi To Saigon Highlights-14 Days/ 13 Nights</a></h3>
                            <p>Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.
Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.</p>                            
                        </div>                    	
                    </article>
                    <article class="recommend">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <div class="grid12">
                        	<h3><a href="#">Hanoi To Saigon Highlights-14 Days/ 13 Nights</a></h3>
                            <p>Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.
Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.</p>                            
                        </div>                    	
                    </article>
                    <article class="recommend">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <div class="grid12">
                        	<h3><a href="#">Hanoi To Saigon Highlights-14 Days/ 13 Nights</a></h3>
                            <p>Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.
Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.</p>                            
                        </div>                    	
                    </article>
                </section>
                
                <section class="grid18">
                	<div class="top_cruise">
                    	<h2>luxury cruise</h2>
                        <div class="pagercontrol">
                        	<ul class="pagercontrolul">
                            	<li>
                                	<a href="#">1</a>
                                </li>
                                <li>
                                	<a href="#">2</a>
                                </li>
                                 <li>
                                	<a href="#">3</a>
                                </li>
                                <li>
                                	<a href="#">4</a>
                                </li>
                            </ul>
                            <a href="#">View all</a>
                        </div>
                    </div><!-- top cruise-->
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo" ></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                </section>
                
                <section class="grid18">
                	<div class="top_cruise">
                    	<h2>deluxe cruise</h2>
                        <div class="pagercontrol">
                        	<ul class="pagercontrolul">
                            	<li>
                                	<a href="#">1</a>
                                </li>
                                <li>
                                	<a href="#">2</a>
                                </li>
                                 <li>
                                	<a href="#">3</a>
                                </li>
                                <li>
                                	<a href="#">4</a>
                                </li>
                            </ul>
                            <a href="#">View all</a>
                        </div>
                    </div><!-- top cruise-->
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                </section>
                
                <section class="grid18">
                	<div class="top_cruise">
                    	<h2>superior cruise</h2>
                        <div class="pagercontrol">
                        	<ul class="pagercontrolul">
                            	<li>
                                	<a href="#">1</a>
                                </li>
                                <li>
                                	<a href="#">2</a>
                                </li>
                                 <li>
                                	<a href="#">3</a>
                                </li>
                                <li>
                                	<a href="#">4</a>
                                </li>
                            </ul>
                            <a href="#">View all</a>
                        </div>
                    </div><!-- top cruise-->
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="<?php echo FOLDER_IMG; ?>/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                </section>
                
                
            </div><!-- content -->
            
        </div><!-- grid 24 -->
    </div><!-- wrapper -->
   
</div> <!-- container -->
<?php 
get_footer();
?>